<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<ui:composition>
	<p:panel cellspacing="0" cellpadding="0" style="padding:0px;">
		<f:facet name="header">
			<h:outputText value="Lista de Categorías" />
		</f:facet>
		<!--h:form id="busquedaForm"-->

		<p:tree value="#{categoriaBean.root}" var="node" id="tree"
			selectionMode="single" style="width: 185px;"
			selection="#{categoriaBean.selectedNode}" styleClass="Search">

			<p:ajax event="expand" listener="#{categoriaBean.onNodeExpand}" />
			<p:ajax event="collapse" listener="#{categoriaBean.onNodeCollapse}" />
			<p:ajax event="select" listener="#{categoriaBean.onNodeSelect}" />
			<p:ajax event="unselect" listener="#{categoriaBean.onNodeUnselect}" />

			<p:treeNode>
				<h:outputText value="#{node}" />
			</p:treeNode>

			</p:tree>

			<!--/h:form-->
	</p:panel>
</ui:composition>
</html>